<script type="text/javascript" src="dialogs/internal.js"></script>
<body>
    <div id="phone_preview_div"></div>
    <script>
        var html = editor.getContent();//获取编辑器中的内容
        var oPreview = document.querySelector("#phone_preview_div");//抓取dom
        oPreview.innerHTML = html;//插入元素
        dialog.onok = function() {
           //TODO:
        };
    </script>

    <style>

    img {
        max-width: 100%; /*图片自适应宽度*/
    }

    body{
        background-color: unset;
        font: 12px/1.5 sans-serif, "宋体", "Arial Narrow", HELVETICA;
        color: #646464;
    }

    /* {
        box-sizing:border-box;
        position:absolute;top:50%;left: 50%;
        transform: translate(-50%, -50%);
        padding: 98px 23px 102px;
        width: 369px;
        height: 756px;
        background-size:369px 756px;
    } */

    #phone_preview_div{
        box-sizing: border-box;
        position: absolute;
        /* top: 9%;
        left: 39%; */
        width: 356px;
        height: 713px;
        padding: 50px 25px 25px 28px;
        background: url('http://nwyh.sxsihe.com/admin/static/ueditor/themes/default/images/phoneBg.png') no-repeat center;
        background-size: cover;

        overflow-y: scroll;

    }

    #phone_preview_div::-webkit-scrollbar {
        display: none; /* 对于Chrome、Safari等 */
    }

    </style>

</body>